import "./index.less";
import { BasicColumn, BasicTable, FormSchema, useTable } from "@/components/Table";
import { useTranslation } from "react-i18next";

const medicalRecordStatus = () => {
	const { t } = useTranslation();
	const searchFormSchema: FormSchema[] = [
		{
			label: "Mã BN",
			field: "Mã BN",
			component: "Input",
			colProps: { span: 6 }
		},
		{
			label: "Họ tên:",
			field: "Họ tên",
			component: "Input",
			colProps: { span: 6 }
		},
		{
			label: "NS:",
			component: "Input",
			field: "NS",
			colProps: { span: 6 }
		},
		{
			label: "Giới tính:",
			component: "Input",
			field: "Giới tính",
			colProps: { span: 6 }
		},
		//2
		{
			label: "Số lưu trữ",
			field: "Số lưu trữ",
			component: "Input",
			colProps: { span: 6 }
		},
		{
			label: "Địa chỉ:",
			field: "Địa chỉ",
			component: "DatePicker",
			colProps: { span: 6 }
		},
		{
			label: "Ngày vào:",
			component: "DatePicker",
			field: "Ngày vào",
			colProps: { span: 6 }
		},
		{
			label: "Từ ngày:",
			component: "DatePicker",
			field: "Từ ngày",
			colProps: { span: 6 }
		},
		//3
		{
			label: "Đến",
			field: "Đến",
			component: "DatePicker",
			colProps: { span: 6 }
		},
		{
			label: "Đối tượng:",
			field: "Đối tượng",
			component: "Input",
			colProps: { span: 6 }
		},
		{
			label: "Số thẻ:",
			component: "Input",
			field: "Số thẻ",
			colProps: { span: 6 }
		},
		{
			label: t("flandre_ui.rx_diagnosis"),
			component: "Input",
			field: "Chẩn đoán",
			colProps: { span: 6 }
		},
		{
			label: "Khoa:",
			component: "Input",
			field: "Khoa",
			colProps: { span: 6 }
		}
	];
	const columns: BasicColumn[] = [
		{
			title: t("patientBasic.patient_id"),
			dataIndex: "patientId"
		},
		{
			title: t("patientBasic.full_name"),
			dataIndex: "fullName"
		},
		{
			title: t("patientBasic.birthyear"),
			dataIndex: "birthday"
		},
		{
			title: t("patientBasic.pat_type"),
			dataIndex: "patientType"
		},
		{
			title: "Admission Date",
			dataIndex: "admissionDate"
		},
		{
			title: "Discharge Date",
			dataIndex: "dischargeDate"
		},
		{
			title: t("patientBasic.card_number"),
			dataIndex: "cardNumber"
		},
		{
			title: t("patientBasic.pat_address"),
			dataIndex: "address"
		}
	];
	const [registerTable] = useTable({
		dataSource: [
			{
				patientId: "123131",
				fullName: "Jack",
				birthday: "2025-01-23",
				patientType: "1",
				admissionDate: "2025-01-23",
				dischargeDate: "2025-01-23",
				cardNumber: "1231231",
				address: "NanJing"
			}
		],
		columns: columns,
		formConfig: {
			labelWidth: 120,
			schemas: searchFormSchema,
			showActionButtonGroup: true
		},
		useSearchForm: true
	});

	return (
		<div className="page510">
			<div className="page-content">
				<BasicTable register={registerTable}></BasicTable>
			</div>
		</div>
	);
};
export default medicalRecordStatus;
